<!DOCTYPE html>
<html style="height: 100%; overflow: hidden;">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <title>遇见TA</title>
    <style type="text/css">
        * {
            padding: 0;
            margin: 0;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-tap-highlight-color: transparent; /* For some Androids */
            -webkit-appearance: none; /*去除系统默认的样式*/
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
        }

        body {
            background: #5B34CA;
            font-family: "微软雅黑", "Microsoft YaHei", Helvetica, sansation, Verdana, Arial, sans-serif;
            background-image: url;
        }

        .bg {
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 1;
        }

        .bg img {
            width: 100%;
        }

        img {
            border: 0 none;
        }

        .swipe-wrap {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            z-index: 2;
        }

        .swipe {
            position: absolute;
            width: 100%;
        }

        .swipe-box {
            position: relative;
            width: 100%;
            overflow: hidden;
        }

        .a_1 {
            padding-top: 0px;
            text-align: center;
        }

        .a_1 img {
            width: 55%;
        }

        .a_2 {
            text-align: center;
            margin-top: 0;
        }

        .b_1 {
            padding-top: 30px;
            text-align: center;
        }

        .b_1 img {
            width: 60%;
        }

        .b_2 {
            text-align: center;
            margin-top: 0;
        }

        .c_1 {
            padding-top: 30px;
            text-align: center;
        }

        .c_1 img {
            width: 60%;
        }

        .c_2 {
            text-align: center;
            margin-top: 0;
        }

        .d_1 {
            padding-top: 30px;
            text-align: center;
        }

        .d_1 img {
            width: 60%;
        }

        .d_2 {
            text-align: center;
            margin-top: 0;
        }

        .e_1 {
            padding-top: 30px;
            text-align: center;
        }

        .e_1 img {
            width: 60%;
        }

        .e_2 {
            text-align: center;
            margin-top: 0;
        }

        .download {
            position: absolute;
            margin: 0 auto;
            left: 0;
            bottom: 40px;
            right: 0;
            text-align: center;
            z-index: 3;
        }

        .download img {
            height: 40px;
        }

        .swipe-box p:nth-child(2) {
            display: -webkit-box;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            display: box;
            box-pack: center;
            box-align: center;
        }

        .swipe-box p:nth-child(2) img {
            display: block;
            margin-top: -30px;
        }

        .e_3 {
            position: absolute;
            display: inline;
            height: 20px;
            width: 240px;
            line-height: 80px;
            color: #ffffff;
            left: 0;
            right: 0;
            margin: 0 auto;
            text-align: center;
            font-size: 10px;
            z-index: 999;
            opacity: 0.6;
        }

        .p_message {
            /*float:left;*/
            height: 12px;
            line-height: 20px; /*margin: 0px 10px 0px 10px; */
            color: #ffffff;
            text-align: center;
            font-size: 9px;
            opacity: 0.6;
        }
    </style>
    <script src="yujianta_files/hm.js"></script>
    <script type="text/javascript" src="yujianta_files/jquery_002.js"></script>
    <script type="text/javascript" src="yujianta_files/slip.js"></script>
    <script type="text/javascript" src="yujianta_files/jquery.js"></script>
    <script type="text/javascript">
        $(function () {
            var wi1 = document.documentElement.clientWidth;
            var hi1 = document.documentElement.clientHeight;
            var sc = wi1 / 750;
            var sc2 = hi1 / 1118;
            var wl1 = 750 * sc;
            var hl1 = 1118 * sc;
            $("#imgbg").css("width", wl1 + "px");
            $("#imgbg").css("height", hl1 + "px");
            $("#imgbg").css("top", (hi1 - (1117 * sc)) / 2 + "px");

            $("#img1").width(750 * sc);
            $("#img1").height(1117 * sc);
            var img1 = document.getElementById("img1");
            img1.style.paddingTop = (hi1 - (1207 * sc)) + "px";

            $("#img2").width(750 * sc);
            $("#img2").height(1117 * sc);
            var img2 = document.getElementById("img2");
            img2.style.paddingTop = (hi1 - (1208 * sc)) + "px";

            $("#img3").width(750 * sc);
            $("#img3").height(1117 * sc);
            var img3 = document.getElementById("img3");
            img3.style.paddingTop = (hi1 - (1208 * sc)) + "px";

            $("#img4").width(750 * sc);
            $("#img4").height(1117 * sc);
            var img4 = document.getElementById("img4");
            img4.style.paddingTop = (hi1 - (1208 * sc)) + "px";

            $("#img5").width(750 * sc);
            $("#img5").height(1117 * sc);
            var img5 = document.getElementById("img5");
            img5.style.paddingTop = (hi1 - (1208 * sc)) + "px";

//            $("#img6").width(750 * sc);
//            $("#img6").height(1117 * sc);
//            var img6 = document.getElementById("img6");
//            img6.style.paddingTop = (hi1 - (1208 * sc)) + "px";

            $("#btn").width(555 * sc);
            $("#btn").height(80 * sc);


            $("#bgimg").width(750 * sc);
            $("#bgimg").height(1123 * sc2);

            $("#bdx").css("bottom", 40 * sc);

            var container = document.getElementById('slip');
            var pages = document.querySelectorAll('.swipe-box');
            var slip = Slip(container, 'y').webapp(pages);

        });
    </script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?bef178a188abb332d59d8316c9ecbe1e";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<script type="text/javascript" id="useragent-switcher">navigator.__defineGetter__("userAgent", function () {
    return "Mozilla/5.0 (Linux; Android 7.0; PLUS Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.98 Mobile Safari/537.36"
})</script>
<body style="height: 100%; overflow: hidden;">
<input style="display: none;" id="url1" value="http://meet.api.yanyuan01.cn/v1/fun_public/invite/" type="text">
<input style="display: none;" id="foo" value="whenchat817743" type="text">
<input style="display: none;" id="ivcode" value="817743" type="text">
<button id="cb" style="display: none;" class="btnss">
</button>
<script src="yujianta_files/clipboard.js" type="text/javascript"></script>

<!--展示图-->
<div class="swipe-wrap" id="slip"
     style="transform: translate3d(0px, -936px, 0px); height: 5616px; transition: all 400ms ease-in 0s;" x="0" y="-936">
    <article class="swipe">
        <div class="swipe-box" style="height: 936px;">

            <p class="a_2">
                <img id="img1" src="yujianta_files/bg1.png" style="width: 1283px; height: 1910.81px;">
            </p>

        </div>
        <div class="swipe-box" style="height: 936px;">

            <p class="b_2">
                <img id="img2" src="yujianta_files/bg2.png" style="width: 1283px; height: 1910.81px;">
            </p>

        </div>
        <div class="swipe-box" style="height: 936px;">

            <p class="c_2">
                <img id="img3" src="yujianta_files/bg3.png" style="width: 1283px; height: 1910.81px;">
            </p>

        </div>
        <div class="swipe-box" style="height: 936px;">

            <p class="d_2">
                <img id="img4" src="yujianta_files/bg4.png" style="width: 1283px; height: 1910.81px;">
            </p>

        </div>
        <div class="swipe-box" style="height: 936px;">

            <p class="e_2">
                <img id="img5" src="yujianta_files/bg5.png" style="width: 1283px; height: 1910.81px;">
            </p>

        </div>
    </article>
</div>
<div id="bdx" class="download" style="bottom: 68.4267px;">
    <a id="aid" onclick="a2()">
        <img id="btn" src="yujianta_files/dwbt.png" style="width: 1283px; height: 222.357px;">
    </a>
</div>

<!-- function -->
<script type="text/javascript">
    var code = foo.value;
    if (code == '' || code == null) {
    }
    else {
        var clipboard = new Clipboard('.btnss', {
            text: function () {
                var t3 = document.getElementById("foo");
                return t3.value;
            }
        });

        clipboard.on('success', function (e) {
            console.log(e);
            a1();
        });

        clipboard.on('error', function (e) {
            console.log(e);
            a1();
        });
    }

    function a2() {
        window.location.href = GetDownloadUrl();
//        var t2 = document.getElementById("cb");
//        if (code == '' || code == null) {
//            a1();
//        }
//        else
//            t2.click();
    }

    function a1() {
        var t1 = document.getElementById("url1");
        //window.location.href = t1.value;
    }

    function GetDownloadUrl() {
        return "http://meet.api.yanyuan01.cn/v1/fun_public/invite/" + GetQueryString("uid");
    }

    //    获取链接中参数值
    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }


    var u = navigator.userAgent, app = navigator.appVersion;
    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    var SystemType = "0";
    if (isiOS) {
        SystemType = "2";
    }
    if (isAndroid) {
        SystemType = "1";
    }

    var codea = ivcode.value;
    var urltype = "0";
    if (codea == '' || codea == null) {
        urltype = "2";
    }
    else {
        urltype = "1";
    }

    $("#btn").click(function () {
        $.post("/ClickCountHandle.ashx", {
            Name: 'www.yujianta.com.cn',
            Type: SystemType,
            IsInviteUrl: urltype
        }, function (text) {

        }, 'text');
    });
</script>


</body>
</html>